<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>京东注册</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/registered.css">
</head>

<body>
    <!-- 顶部logo 开始-->
    <div class="header">
        <div class="logo-con w clearfix">
            <a href="index.html" class="logo"></a>
            <div class="logo-title">欢迎注册</div>
            <div class="have-account">已有账号？
                <a href="login.html">请登录&gt;</a>
            </div>
            <!-- ::after -->
        </div>
    </div>
    <!-- 顶部logo 结束-->

    <!-- 中间大盒子 -->
    <div class="container w">

        <!-- 注册进度条开始 -->
        <div class="progress-bar clearfix">
            <div class="pro-step cur-step ">
                <span class="step-index">1</span>
                <p class="step-desc">验证手机号</p>
            </div>
            <!-- 进度线1 -->
            <div class="pro-line pro-line1 person-pro-line person-pro-line1 "></div>
            <div class="pro-step pro-step2 person-pro-step2  ">
                <span class="step-index">2</span>
                <p class="step-desc">填写账号信息</p>
            </div>
            <!-- 进度线2 -->
            <div class="pro-line pro-line2 person-pro-line person-pro-line2 "></div>
            <div class="pro-step pro-step3 person-pro-step3  ">
                <span class="step-index">3</span>
                <p class="step-desc">注册成功</p>
            </div>
        </div>
        <!-- 注册进度条结束 -->


        <!-- 注册表格部分开始 -->
        <div class="main">
            <div class="reg-form">
                <div action="" method="post">
                    <!--chrome autocomplete off bug hack-->
                    <input style="display:none" name="hack">
                    <input type="password" style="display:none" name="hack1">
                    <!--hack end-->

                    <!-- 第一个input -->
                    <div class="item-phone-wrap">
                        <!-- 手机号码前缀 -->
                        <div class="form-item form-item-phone">
                            <label class="select-country" country_id="0086">中国 0086<a href="javascript:void(0) "
                                    class="arrow"></a></label>
                            <!-- 手机号码填写框 -->
                            <div class="item-input-wrap">
                                <input type="text" id="form-phone" maxlength="11" name="phone" class="field"
                                    placeholder="建议使用常用手机号" autocomplete="off">
                            </div>
                        </div>
                        <div class="checkMessage" id="showCheckMessage"></div>
                    </div>



                    <!-- 验证按钮 -->
                    <div class="item-getcode-wrap">
                        <div class="form-item form-item-getcode" id="check">
                            点击按钮进行验证
                        </div>
                        <div class="input-tip">
                            <span></span>
                        </div>
                    </div>
                    <!-- 下一步按钮 -->
                    <div id="step1-next" class="btn-register">下一步</div>

                    <!-- 其他用户注册 -->
                    <div class="reg-other clearfix">
                        <a href="#" class="reg-other-item reg-other-person">
                            <i class="reg-ohter-icon"></i><em>企业用户注册</em></a>
                        <a href="#" class="reg-other-item reg-other-inter">
                            <i class="reg-ohter-icon"></i><em>海外用户注册</em></a>
                    </div>
                    <!-- 其他用户注册结束 -->
                    </form>
                </div>
            </div>
            <!-- 注册表格部分结束 -->

        </div>

        <!-- 版权部分开始 -->
        <div class="footer w">
            <div class="link">
                <a href="#">关于我们 </a>|
                <a href="#">联系我们 </a>|
                <a href="#">人才招聘 </a>|
                <a href="#">商家入驻 </a>|
                <a href="#">广告服务 </a>|
                <a href="./index.html">手机京东 </a>|
                <a href="#">友情链接 </a>|
                <a href="#">销售联盟 </a>|
                <a href="#">京东社区 </a>|
                <a href="#">京东公益 </a>|
                <a href="#">English Site</a>
            </div>
            <div class="copyright">
                &copy; 2017 - 2020 http://lovebug.cn
            </div>
        </div>
        <!-- 版权部分结束 -->

        <!-- 调查问卷 -->
        <a class="feedback"></a>
        <!-- 注册页JS -->
        <script src="./js/registered.js"></script>

</body>

</html>